<template>
  <div>
    <!-- 使用插值表达式显示 -->
    <h1>{{ str }}</h1>
    <!-- 设置事件 -->
    <!-- 方法一 -->
    <button @click="uno">UNO</button>
    <!-- 方法二 -->
    <button @click="str = str.split('').reverse().join('')">UNO</button>
  </div>
</template>

<script>
export default {
  data(){
    return {
      // 设置字符串
      str: 'UNO:反转了'
    }
  },
  methods: {
    uno(){
      // 先Array.from转换为数组再reverse翻转再用join转换回来
      this.str = Array.from(this.str).reverse().join('')
    }
  }
}
</script>

<style>

</style>